// 入口函数
$(function() {
    // 需求1：点击按钮显示登录注册盒子，隐藏登录注册盒子

    // 点击登录盒子里的a链接，显示注册盒子，隐藏登录盒子
    $('#loginBox a').on('click', function() {
        $('#regBox').show();
        $('#loginBox').hide();
    });

    // 点击注册盒子里的a链接，显示登录盒子，隐藏注册盒子
    $('#regBox a').on('click', function() {
        $('#loginBox').show();
        $('#regBox').hide();
    });


    // 需求2：自定义校验规则
    // 只要导入 layui.all.js 就会多出一个对象 layui

    let form = layui.form;
    // form上面有一个方法叫 verify();

    form.verify({
        // 参数是一个对象，属性是规则名称，值是规则
        // 值有两种：数组 函数

        username: [
            /^[\S]{1,10}$/, '密码必须1到10位，且不能出现空格'
        ],

        pwd: [
            /^[\S]{6,15}$/, '密码必须6到15位，且不能出现空格'
        ],
        // 确认密码规则

        rePwd: function(value) {
            // value就是你给哪个标签添加这个校验规则
            // 这个标签的值就赋值给value

            let pwd = $('#regBox input[name=password]').val();
            // 如果原始密码的值和确认密码的值不相等，就报错
            if (pwd !== value) {
                return '两次密码输入不一致！'
            }
        }
    });


    // 需求3：注册功能
    let layer = layui.layer;
    $('#formReg').on('submit', function(e) {
        // 阻止表单默认提交     
        e.preventDefault();
        // 发送axios
        axios({
            method: 'POST',
            url: '/api/reguser',
            data: $(this).serialize()
        }).then(res => {
            // console.log(res);
            layer.msg("恭喜您，注册用户成功！");
            // 切换到登录模块
            $('#regBox a').click();
            // 清空表单 - DOM元素中，有一个 reset() 可以重置表单
            $('#formReg')[0].reset();
        });

    });

    // 需求4：登录功能

    $('#formLogin').on('submit', function(e) {
        // 阻止表单默认提交
        e.preventDefault();

        // 发送axios
        axios({
            method: 'POST',
            url: '/api/login',
            data: $(this).serialize()
        }).then(res => {
            // console.log(res);
            // 判断
            if (res.data.status !== 0) {
                return layer.msg(res.data.message);
            }
            // 成功：提示，存储token
            layer.msg("恭喜您，登录成功");
            localStorage.setItem('token', res.data.token);
            // 页面跳转到 index.html
            location.href = '/index.html';
        })
    })
});